@charset "utf-8";
/*实力级*/
 .p_MatteIcon .iconfont:before{
  content:'\e602';
}
div{
  animation-fill-mode:both;
}
 .wd-20210204153658{
  display:flex;
  counter-reset:item;
}
 .wd-item{
  width:12%;
  flext:0 1 auto;
  position:relative;
  transition:1.5s;
  overflow:hidden;
  cursor:pointer;
}
 .wd-item.wd-current{
  width:calc(100% - 12% * 5);
  transition:1s;
}
 .wd-pic{
  background-color:#333;
}
 .wd-item img{
  width:auto;
  max-width:none;
  filter:grayscale(0.8);
  transition:opacity 1s, transform 5s;
}
 .wd-item.wd-current img{
  filter:grayscale(0);
  opacity:0.5;
  transform:translateX(-20vw);
}
 .wd-title{
  position:absolute;
  top:40%;
  width:100%;
  text-align:center;
  transition:1s;
}
 .wd-current .wd-title{
  top:37%;
}
 .wd-title a.wd-name{
  font-size:1.5rem;
  color:#fff;
}
 .wd-title a.wd-name:before{
  content:"0"counter(item);
  counter-increment:item;
  font-size:4rem;
  color:#fff;
  display:block;
  text-align:center;
  margin-bottom:10px;
}
 a.wd-more{
  width:50px;
  height:50px;
  margin-left:-25px;
  margin-right:auto;
  margin-top:10%;
  position:absolute;
  left:50%;
  z-index:3;
  display:flex;
  justify-content:center;
  align-items:center;
}
 a.wd-more:before{
  content:"";
  width:100%;
  height:100%;
  border:1px dashed #ddd;
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  border-radius:50px;
}
 .wd-more svg{
  width:20px;
  height:20px;
  position:relative;
  left:2px;
}
 .wd-more path{
  fill:#fff;
}
 .wd-pic a{
  display:flex;
}

/*图片旋转*/
.wd-more:before {
    animation: wd-rotate 10s linear infinite;
}


/*手机端*/

@media(max-width:768px) {
  .wd-item {
    width:50%;
    margin-bottom: 25px;
  } 

  .wd-20210204153658 {
    flex-wrap:wrap;
  }
  .wd-item img {
    width:100%;
  }
  .wd-title {
    position:static;
    transform:none;
  }
  .wd-title a.wd-name:before {
    color:#eee;
    position:absolute;
    top: -5px;
    left: 5px;
  }
  .wd-pic {
    background-color:transparent;
  }
  .wd-title a.wd-name {
    color:#333;
    margin-top: 10px;
    display: block;
  }
  a.wd-more {
    display:none;
  }
  #c_portalResProduct_list-16170692434573122 .pagination-wyz9 {
    display:none;
  }
  .wd #w_common_text-1617069997877 {
    display:none;
  }
  #w_common_text-1575623519503 {
    width:100%;
    padding:0;
  }
  #w_grid-1575621811410> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
    width:100%;
    margin: 0;
    padding: 0;
  }
  #w_grid-1575598551422, #w_grid-1575623519491 {
    max-width:none !important;
    margin-right: 0;
    margin-top: 10px;
  }
  #w_common_text-1575623519496 {
    padding:0;
  }
  #c_portalResnav_main-16043068528868027 .clearfix {
    padding:0;
  }
  #w_grid-1604306853021 > div > div {
    display:flex;
  }
  #w_grid-1604306853021 > div > div > div {
    width:auto !important;
  }
  #w_fimg-1604306853042 {
    margin-top:25px;
  }
}
.wd-20210305095131 {
    display: none;
}